<template lang="html">
  <div>
    <v-pageTitle vtitle="讲座信息"></v-pageTitle>
    <div class="clear"></div>
    <el-row>
      <el-col :xs="24" :sm="24" :md="24" :lg="24">
        <el-card class="box-list">
          <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-form-item>
              <span>信息公示列表 |</span>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">增加讲座信息</el-button>
            </el-form-item>
            <el-form-item>
              <el-button type="success" plain @click="onSubmit">增加公示信息</el-button>
            </el-form-item>
            <el-form-item>
              <el-button type="success" plain @click="onSubmit">批量删除</el-button>
            </el-form-item>
          </el-form>
          <el-table
             ref="multipleTable"
             :data="tableData3"
             tooltip-effect="dark"
             style="width: 100%"
             @selection-change="handleSelectionChange">
             <el-table-column
               type="selection"
               width="55">
             </el-table-column>
             <el-table-column
               label="标题"
               width="220">
               <template slot-scope="scope">{{ scope.row.date }}</template>
             </el-table-column>
             <el-table-column
               prop="time"
               label="时间"
               width="300">
             </el-table-column>
             <el-table-column
               prop="address"
               label="人数"

               show-overflow-tooltip>
             </el-table-column>
             <el-table-column
               label="操作"
              >
               <template slot-scope="scope">
                 <el-button type="primary" size="small">发布</el-button>
                 <el-button type="buttom" size="small">详情</el-button>
                 <el-button type="danger" size="small">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import vPageTitle from '../common/pageTitle.vue';

export default {
  components:{
    vPageTitle
  },
  data(){
    return {
      num1: 1,
      tableData3: [{
        date: 'XXX讲座',
        time: '2018-02-10',
        address: '100'
      },
      {
        date: '一类疫苗信息公示',
        time: '2018-03-10',
        address: '90'
      },{
        date: 'XXXXXX讲座',
        time: '2018-02-10',
        address: '100'
      },{
        date: '二类疫苗信息公示',
        time: '2017-01-10',
        address: '99'
      },
    ],
      multipleSelection: []
    }
  }
}
</script>

<style lang="less" scoped>

</style>
